@import './themes/index.css';
@import './themes/introjs.css';
@import './animate/transition.css';
@import './page/index.css';

html,
body {
    width: 100%;
    height: 100%;
    color: var(--main-color);
    overflow: hidden;
}

* {
    padding: 0px;
    margin: 0px;
    transition: color cubic-bezier(0.215, 0.610, 0.355, 1);
}

/* 加载进度 */
#nprogress .bar {
    background: var(--body-color) !important;
}

#nprogress .spinner {
    display: none !important;
}

.invisible-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Demonstrate a "mostly customized" scrollbar
   * (won't be visible otherwise if width/height is specified) */
*::-webkit-scrollbar {
    appearance: none;
    width: 6px;
    /* border-radius: 6px;
    background-color: var(--main-background); */
    /* or add it to the track */
}

/* Add a thumb */
*::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: var(--scrollbar-thumb);
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0px 64px !important;
    min-width: 200px;
}